﻿<!DOCTYPE html>
<html>
<head>
    <title>OOPS - Preview page</title>
    <meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="preview/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="preview/main.css">

</head>
<body>


    
    <section class="variant-part">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-lg-12 text-intro">
                    <h2>6种不同的版本</h2>
 
                </div>
            </div>
            <br>
            <br>
            <div class="row">
                <div class="variant col-xs-12 col-sm-6 col-lg-6">
                    <a href="index-flat.html" >
                        <img src="preview/01.jpg" alt="" class="img-responsive">
                        <h3>01. flat design</h3>
                    </a>
                </div>
                <div class="variant col-xs-12 col-sm-6 col-lg-6">
                    <a href="index-slideshow.html" >
                        <img src="preview/02.jpg" alt="" class="img-responsive">
                        <h3>02. Slideshow</h3>
                    </a>
                </div>
            </div>
            <div class="row">
                <div class="variant col-xs-12 col-sm-6 col-lg-6">
                    <a href="index-image.html" >
                        <img src="preview/03.jpg" alt="" class="img-responsive">
                        <h3>03. Image</h3>
                    </a>
                </div>
                <div class="variant col-xs-12 col-sm-6 col-lg-6">
                    <a href="index-bubble.html" >
                        <img src="preview/04.jpg" alt="" class="img-responsive">
                        <h3>04. Bubble animation</h3>
                    </a>
                </div>
            </div>
            <div class="row">
                <div class="variant col-xs-12 col-sm-6 col-lg-6">
                    <a href="index-mozaic.html" >
                        <img src="preview/05.jpg" alt="" class="img-responsive">
                        <h3>05. Mozaïc animation</h3>
                    </a>
                </div>
                <div class="variant col-xs-12 col-sm-6 col-lg-6">
                    <a href="index-youtube.html" >
                        <img src="preview/06.jpg" alt="" class="img-responsive">
                        <h3>06. YouTube</h3>
                    </a>
                </div>
            </div>
        </div>
    </section>

</body>
</html>